import _Upload from "antd/lib/upload";
import _Switch from "antd/lib/switch";
import _Slider from "antd/lib/slider";
import _InputNumber from "antd/lib/input-number";
import _Row from "antd/lib/row";
import _Col from "antd/lib/col";
import _Input from "antd/lib/input";
import _Button from "antd/lib/button";
import _Icon from "antd/lib/icon";
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
import _DatePicker from "antd/lib/date-picker";
import _Select from "antd/lib/select";
import _Form from "antd/lib/form";

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  font-size: 12px;\n  line-height: 24px;\n  color: #999;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

import React from "react";
import styled from "styled-components";
import intl from "cpaas-front/lib/utils/intl";
import { Content, Header } from "../../../components/Page";
var Item = _Form.Item;
var Option = _Select.Option;
var RangePicker = _DatePicker.RangePicker;
var selectAfter = React.createElement(_Select, {
  defaultValue: ".com",
  style: {
    width: 80
  }
}, React.createElement(Option, {
  value: ".com"
}, ".com"), React.createElement(Option, {
  value: ".jp"
}, ".jp"), React.createElement(Option, {
  value: ".cn"
}, ".cn"), React.createElement(Option, {
  value: ".org"
}, ".org"));
var StyledDescTitle = styled.h3(_templateObject());

var FormPreview = function FormPreview(props) {
  return React.createElement(React.Fragment, null, React.createElement(Header, {
    title: intl.get("cpaas.cpaasTheme.page.formPreview").d("表单预览"),
    onBack: props.onBack
  }, React.createElement(_Button, {
    onClick: props.onExit,
    type: "primary"
  }, React.createElement(_Icon, {
    type: "logout"
  }), intl.get("cpaas.cpaasTheme.exitPreview").d("退出预览"))), React.createElement(Content, {
    style: {
      zIndex: 0
    }
  }, React.createElement(_Row, {
    gutter: 16
  }, React.createElement(_Col, {
    span: 8
  }, React.createElement(Item, {
    label: intl.get("cpaas.cpaasTheme.page.email").d("邮箱")
  }, React.createElement(_Input, {
    addonAfter: selectAfter,
    defaultValue: 123456
  }))), React.createElement(_Col, {
    span: 8
  }, React.createElement(Item, {
    label: intl.get("cpaas.cpaasTheme.page.passwordInput").d("密码输入框"),
    required: true
  }, React.createElement(_Input, {
    type: "password",
    defaultValue: 123456789
  })))), React.createElement(_Row, {
    gutter: 16
  }, React.createElement(_Col, {
    span: 8
  }, React.createElement(Item, {
    label: intl.get("cpaas.cpaasTheme.page.numberInput").d("数字输入框"),
    required: true
  }, React.createElement(_InputNumber, {
    defaultValue: 100
  }))), React.createElement(_Col, {
    span: 8
  }, React.createElement(Item, {
    label: intl.get("cpaas.cpaasTheme.page.language").d("语言"),
    required: true
  }, React.createElement(_Select, {
    defalutValue: "1"
  }, React.createElement(Option, {
    value: "1"
  }, "\u7B80\u4F53\u4E2D\u6587"), React.createElement(Option, {
    value: "2"
  }, "English"), React.createElement(Option, {
    value: "3"
  }, "\u65E5\u672C\u8BED"))))), React.createElement(_Row, {
    gutter: 16
  }, React.createElement(_Col, {
    span: 8
  }, React.createElement(Item, {
    label: intl.get("cpaas.cpaasTheme.page.startEndDate").d("开始-结束日期"),
    required: true,
    style: {
      height: 56
    }
  }, React.createElement(RangePicker, {
    placeholder: ["开始日期", "结束日期"],
    style: {
      width: "100%"
    }
  }))), React.createElement(_Col, {
    span: 8
  }, React.createElement(Item, {
    label: intl.get("cpaas.cpaasTheme.page.sliderDisplay").d("滑块展示"),
    required: true
  }, React.createElement(_Slider, {
    defaultValue: 12
  })))), React.createElement(_Row, {
    gutter: 16
  }, React.createElement(_Col, {
    span: 8
  }, React.createElement(Item, {
    label: intl.get("cpaas.cpaasTheme.components.switch").d("开关")
  }, React.createElement(_Switch, null))), React.createElement(_Col, {
    span: 8
  }, React.createElement(Item, {
    label: intl.get("cpaas.cpaasTheme.components.switch").d("开关")
  }, React.createElement(_Switch, null)))), React.createElement(_Row, {
    gutter: 16
  }, React.createElement(_Col, {
    span: 8
  }, React.createElement(Item, {
    label: intl.get("cpaas.cpaasTheme.page.uploadAppendix").d("上传附件")
  }, React.createElement(_Upload, null, React.createElement(_Button, null, React.createElement(_Icon, {
    type: "upload"
  }), intl.get("cpaas.cpaasTheme.page.uploadAppendix").d("上传附件"))))), React.createElement(_Col, {
    span: 8
  }, React.createElement(Item, {
    label: intl.get("cpaas.cpaasTheme.page.publishObjectType").d("发布对象类别")
  }, React.createElement(_Select, {
    mode: "multiple",
    defaultValue: ["1", "2"]
  }, React.createElement(Option, {
    value: "1"
  }, "\u5BF9\u8C61\u7C7B\u522B1"), React.createElement(Option, {
    value: "2"
  }, "\u5BF9\u8C61\u7C7B\u522B2"), React.createElement(Option, {
    value: "3"
  }, "\u5BF9\u8C61\u7D2F\u522B3"), React.createElement(Option, {
    value: "4"
  }, "\u5BF9\u8C61\u7C7B\u522B4"))))), React.createElement(_Row, {
    gutter: 16
  }, React.createElement(_Col, {
    span: 16
  }, React.createElement(StyledDescTitle, null, intl.get("cpaas.cpaasTheme.page.descriptionMessage").d("请输入描述信息"), "\uFF1A"), React.createElement(_Input.TextArea, {
    placeholder: intl.get("cpaas.cpaasTheme.page.descriptionMessage").d("请输入描述信息"),
    rows: 8
  })))));
};

FormPreview.defaultProps = {
  onBack: function onBack() {},
  onExit: function onExit() {}
};
export default FormPreview;
